<template>
<div>
    <div class="block">
        <el-carousel height="400px">
            <el-carousel-item v-for="(item, index) in imgList" :key="index">
                <img :src="item.path" />
            </el-carousel-item>
        </el-carousel>
    </div>
</div>
</template>

<script>
export default {
    data() {
        return {
            imgList: [{
                    path: require("../assets/welcom0.png")
                },
                {
                    path: require("../assets/welcom1.png")
                },
                {
                    path: require("../assets/welcom2.png")
                }
            ]
        };
    }
};
</script>

<style lang="less" scoped>
.el-carousel {
    .el-carousel__item {
        width: 100%;
        height: 100%;

        img {
            width: 100%;
        }
    }
}
</style>
